.style-scope {
   font-size: larger;
}
#div1:not(.style-scope) {
    --main-border-color: #000;
    border: 5px solid var(--main-txt-color);
}
:root {
    --main-bg-color: coral;
    --main-txt-color: blue;
    --main-padding: 15px;
}

#div1 {
    background-color: var(--main-bg-color);
    color: var(--main-txt-color);
    padding: var(--main-padding);
}

#div2 {
    background-color: var(--main-bg-color);
    color: var(--main-txt-color);
    padding: var(--main-padding);
}

#div3 {
    background-color: var(--main-bg-color);
    color: var(--main-txt-color);
    padding: var(--main-padding);
}



.fancy {
    text-shadow: 2px 2px 3px gold;
  }
  
  /* 类名不是 `.fancy` 的 <p> 元素 */
  p:not(.fancy) {
    color: green;
  }
  
  /* 非 <p> 元素 */
  body :not(p) {
    text-decoration: underline;
  }
  
  /* 既不是 <div> 也不是 <span> 的元素 */
  body :not(div):not(span) {
    font-weight: bold;
  }
  
  /* 类名不是 `.crazy` 或 `.fancy` 的元素 */
  /* 注意，此语法尚未获广泛支持。 */
  body :not(.crazy, .fancy) {
    font-family: sans-serif;
  }



